const ECharts = require('echarts/lib/echarts');
export const optionConfig = (dataX, dataY) => {
    return {
        tooltip: {
            trigger: 'axis',
            formatter: "{b} : {c}",
            axisPointer: { // 坐标轴指示器，坐标轴触发有效
                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        xAxis: {
            data: dataX,
            //坐标轴
            axisLine: {
                lineStyle: {
                    color: '#3eb2e8'
                }
            },
            //坐标值标注
            axisLabel: {
                show: true,
                textStyle: {
                    color: '#fff',
                }
            }
        },
        grid: {
            top: '10%',
            left: '20%',
            right: '10%',
            bottom:"20%"
        },
        yAxis: {
            // name: '单位/天',
            // nameTextStyle: {
            //     color: '#FFF',
            //     fontSize: 10,
            // },
            type: 'value',
            //坐标轴
            axisLine: {
                show: true,
                lineStyle: {
                    color: '#fff'
                }
            },
            //坐标值标注
            axisLabel: {
                show: true,
                textStyle: {
                    color: '#fff',
                }
            },
            //分格线
            splitLine: {
                lineStyle: {
                    color: '#4784e8'
                }
            },
            axisTick: {
                show: false,
            },
        },
        series: [{
            name: 'a',
            tooltip: {
                show: false
            },
            type: 'bar',
            //barWidth: 35,
            itemStyle: {
                normal: {
                    color: new ECharts.graphic.LinearGradient(0, 1, 0, 0, [{
                        offset: 0,
                        color: "#0B4EC3" // 0% 处的颜色
                    }, {
                        offset: 0.6,
                        color: "#138CEB" // 60% 处的颜色
                    }, {
                        offset: 1,
                        color: "#17AAFE" // 100% 处的颜色
                    }], false)
                }
            },
            data: dataY,
            barGap: 0
        }, {
            type: 'bar',
            //barWidth: 20,
            itemStyle: {
                normal: {
                    color: new ECharts.graphic.LinearGradient(0, 1, 0, 0, [{
                        offset: 0,
                        color: "#09337C" // 0% 处的颜色
                    }, {
                        offset: 0.6,
                        color: "#0761C0" // 60% 处的颜色
                    }, {
                        offset: 1,
                        color: "#0575DE" // 100% 处的颜色
                    }], false)
                }
            },
            barGap: 0,
            data: dataY.map(item => item)
        },
            //     {
            //     name: 'b',
            //     tooltip: {
            //         show: false
            //     },
            //     type: 'pictorialBar',
            //     itemStyle: {
            //         borderWidth: 1,
            //         borderColor: '#0571D5',
            //         color: '#1779E0'
            //     },
            //     symbol: 'path://M 0,0 l 120,0 l -30,60 l -120,0 z',
            //     // symbolSize: ['50', '30'],
            //     symbolSize: ['21', '4'],
            //     symbolOffset: ['0', '-3'],
            //     // symbolOffset: ['0', '-11'],
            //     //symbolRotate: -5,
            //     symbolPosition: 'end',
            //     data: dataY,
            //     z: 3
            // }
        ]
    }
};
